/*--------------------------------------------------
	CSS -  General Style for forms	
----------------------------------------------------*/

form { margin:5px 15px; }

form fieldset {
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 2px 5px;	
	border: 1px solid #d5dae4;
}

form fieldset legend { font-size: 15px; color: #fff; }

form fieldset legend {
	width: 200px;
	padding: 5px 10px;
	background-color: #819FDB;
	border: 1px solid #afafaf;
}

form ol { list-style: none; }
form ol { font-size: 13px; }
form ol li  { margin: 5px 0; }

form input { line-height: 20px; margin: 0; }
form input { width: 200px; }

/* for other input tag e.g SELECT */
.input { margin: 0; width: 205px; height: 27px; }

form input[type="text"] { border: 2px solid #afafaf; }
form input[type="text"]:hover { background-color: #ddd; }
form input[type="text"]:focus { background-color: #EEF1F4; border: 2px solid #819FDB; }

form fieldset label { float: left; clear: both; line-height: 26px; width: 145px; }
form fieldset label { text-align: right; padding-right: 5px; }

form .readonly { background-color: #fff; border: 1px solid #ddd; color: #AD4500; }
form .disabled { background: #ddd; border: 1px solid #ddd; color: #808080; }

form fieldset.submit { border: none; clear: both; }

span.message {
	display: block;
	border: 1px solid #ddd;
}

form ol li.has-error .message,
span.error {
	border-color: #F23A3A;
	background-color: #FF7F7F;
	color: #fff;
}

form ol li.has-error  label{ background: url(images/error.png) no-repeat; }
form ol li.has-error input[type="text"] { border-color: #F23A3A; }



/*-----------------------------
	Create New Trip Form
-------------------------------*/

#newTripForm {
	margin: 5px;
}

#newTripForm fieldset {
	float: left;
	width: 530px;
}

#newTripForm fieldset ol li.has-error label {
	padding-right: 30px;
	width: 120px;
	background-position: 125px 3px;
}


